body {
	font-family: "Microsoft Yahei";
}

a {
	text-decoration: none;
}

a:active,
a:focus {
	outline: none;
}

.banner-engine .header-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 104px;
}

.banner-engine .header-container .banner-box {
	height: 104px;
}

.banner-engine .banner-ul,
.banner-engine .banner-box > div {
	display: none;
}

.banner-engine .banner-box .top-nav {
	display: block;
}

.search-banner {
	position: relative;
	width: 100%;
	height: 200px;
	background: url(img/help_index_bg.jpg) no-repeat center;
	overflow: hidden;
}

.search-banner .search-left {
	float: left;
	line-height: 200px;
	font-size: 32px;
	color: #333;
}

.search-main {
	display: block;
	float: left;
	height: 200px;
	margin-left: 80px;
	margin-top: 80px;
	text-align: center;
}

.input-box {
	width: 625px;
	margin: 0 auto;
}

.search-main input {
	font-family: "Microsoft Yahei";
	float: left;
	outline: none;
}

.input-main {
	width: 560px;
	height: 40px;
	line-height: 36px;
	border: 2px solid #0088ff;
	font-size: 14px;
	padding-left: 15px;
	color: #999;
	outline: none;
}

input::-webkit-input-placeholder,
input:-moz-input-placeholder,
input::-moz-input-placeholder,
input::-ms-input-placeholder {
	color: #e0e0e0;
}

.submit-btn {
	width: 70px;
	height: 40px;
	line-height: 36px;
	border: 1px solid #0088ff;
	margin-left: -5px;
	cursor: pointer;
	background: url(img/search.png) no-repeat center center #0088ff;
	border-radius: 0 5px 5px 0;
}

.q-block .submit-btn {
	margin-left: 0;
	font-family: "microsoft yahei";
	width: 120px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	border-radius: 2px;
	background-image: none;
	background-color: #0088ff;
	border: none;
}

.search-main ul {
	width: 471px;
	margin-top: 20px;
	font-size: 12px;
}

.search-main ul li {
	color: #999;
	float: left;
	margin-left: 7px;
}

.search-main ul li:first-child {
	margin-left: 0;
}

.search-main ul li span {
	color: #999;
	font-size: 12px;
}

.search-main ul li a {
	color: #0088ff;
	font-size: 12px;
	text-decoration: none;
}

.search-main ul li a:hover {
	color: #f60;
	text-decoration: underline;
}

.main-area {
	border-top: 1px solid #eee;
	width: 100%;
}

/* 自助服务样式*/
.module-title {
	position: relative;
	margin-top: 60px;
	height: 32px;
	line-height: 32px;
}
.module-title .module-title-name {
	display: inline-block;
	padding-right: 15px;
	font-size: 24px;
	background: #fff;
	color: #333;
}
.module-title .group-span {
	float: right;
	margin-top: -25px;
	margin-left: 20px;
	width: 100%;
	height: 20px;
	font-size: 14px;
	display: inline-block;
	background: url(img/line_ico.png) repeat-x;
	z-index: 10;
}

.content-info {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.content-info .info-item {
	float: left;
	width: 32%;
	height: 380px;
	margin-top: 35px;
	margin-left: 2%;
	padding: 35px 15px;
	background-color: #fff;
}

.content-info .info-item:hover {
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.12);
}

.content-info .info-item:first-child {
	margin-left: 0;
}

.info-item-header {
	padding-left: 80px;
	height: 70px;
	border-bottom: 1px solid #eee;
	background: 20px 0 no-repeat;
}

.content-info p {
	font-size: 12px;
	color: #999;
}

/* 重置波浪的背景颜色*/
.wave-box {
	background-color: #f5f7f8;
}

.content-info .service-info-item {
	display: block;
	float: left;
	width: 24%;
	height: 240px;
	margin-top: 35px;
	margin-left: 1.3%;
	padding: 0 15px;
	padding-top: 115px;
	text-align: center;
	background-color: #fff;
}

.content-info .service-info-item:hover {
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.12);
}

.content-info .service-info-item:first-child {
	margin-left: 0;
}

.service-info-item .header-title {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	line-height: 30px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	color: #333;
}

.service-info-item:hover .header-title {
	color: #009fd9;
}

.btn-input {
	display: inline-block;
	padding: 6px 20px;
	border-radius: 2px;
	background-color: #0088ff;
	font-size: 14px;
	color: #fff;
}

.btn-input:hover {
	background-color: #0084b1;
}

.service-info-item p {
	line-height: 20px;
}



.index-info-item .title-text {
	line-height: 30px;
	font-size: 14px;
	color: #333;
}
.index-info-item:hover p,
.index-info-item:hover span{
	color: #fff;
}
.index-info-item .question-text {
	line-height: 25px;
	font-size: 12px;
	color: #999;
}
.index-info-item span{
	display: inline-block;
	margin-top: 15px;
	font-size: 14px;
	color: #0088ff;
}
.bg-gray {
	padding-bottom: 60px;
	background-color: #f5f7f8;
	overflow: hidden;
}
.bg-gray.active {
	padding-bottom: 10px;
}
.content-info .self-help-item {
	display: block;
	width: 15%;
	height: 120px;
	margin-left: 2%;
	padding: 10px 15px;
	margin-bottom: 20px;
}
.self-help-item .item-icon {
	display: block;
	width:64px;
	height: 64px;
	margin: 0 auto;
	margin-top: 10px;
	background-image: url(img/help_index_icon.png);
	background-repeat: no-repeat;
}
.self-help-item-1 .item-icon{
	background-position: 0 0;
}
.self-help-item-1:hover .item-icon{
	background-position: -70px 0;
 }
.self-help-item-2 .item-icon{
	background-position: 0 -70px;
}
.self-help-item-2:hover .item-icon{
	background-position: -70px -70px;
 }
.self-help-item-3 .item-icon{
	background-position: 0 -140px;
}
.self-help-item-3:hover .item-icon{
	background-position: -70px -140px;
 }
.self-help-item-4 .item-icon{
	background-position: 0 -210px;
}
.self-help-item-4:hover .item-icon{
	background-position: -70px -210px;
 }
.self-help-item-5 .item-icon{
	background-position: 0 -280px;
}
.self-help-item-5:hover .item-icon{
	background-position: -70px -280px;
 }
.self-help-item-6 .item-icon{
	background-position: 0 -350px;
}
.self-help-item-6:hover .item-icon{
	background-position: -70px -350px;
}
.self-help-item span {
	font-size: 14px;
	color: #666;
}
.self-help-item:hover span {
	color: #0088ff;
}

/* 帮助问题分类 */
.issue-type-list {
	margin-top: 35px;
	margin-bottom: 20px;
}
.issue-type-item {
	float: left;
	padding: 0 15px;
	width: 23%; /* (100 - 4*3) / 4 */
	*width: 22.9%;
	margin-left: 2.6%;
}
.margin-left-0 {
	margin-left: 0;
}
.contact-service-item {
	float: left;
	width: 29.3%; /* (100 - 6*2) / 3 */
	*width: 29.2%;
}
.contact-service-item-middle {
	margin: 0 6%;
}
.issue-type-title {
	margin: 57px 0 42px;
}
.issue-type-item-title {
	padding-top: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-indent: 7%;
	color: #333;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #eee;
}
.issue-type-item-description {
	padding: 10px 7% 10px 7%;
}
.issue-details li {
	height: 70px;
	line-height: 70px;
	font-size: 12px;
}
.issue-cloud-details {
	padding-bottom: 2px;
}
.issue-cloud-details li {
	line-height: 40px;
	height: 40px;
}
.issue-details a {
	display: block;
	font-size: 14px;
	color: #0088ff;
}
.issue-details .issue-doc-count,
.issue-details .issue-doc-total{
	float: right;
	color: #a5a5a5;
}
.issue-details a:hover,
.issue-details a:hover .issue-doc-count,
.issue-details a:hover .issue-doc-total,
.issue-details a:hover .issue-doc-count span,
.issue-details a:hover .issue-doc-total span{
	color: #ff6600;
}
.issue-details .issue-details-noborder {
	border-bottom: none;
}


/*帮助菜单*/
.help-menu {
	width: 18.1%;
	border-bottom: none;
	margin: 40px 0;
	float: left;
	background-color: #f5f6f7;
}

.help-menu dl {
	width: 100%;
}

.help-menu dt, .help-menu dd {
	width: 100%;
	height: 50px;
	line-height: 50px;
	/*border-bottom: 1px solid #f3f3f5;*/
}
.help-menu dd {
	display: none;
	height: 40px;
	line-height: 40px;
}
.help-menu dl.active dd {
	display: block;
}

.help-menu dt {
	/*background: url(img/help_close.png) no-repeat 10px center;*/
	position: relative;
	padding-left: 44px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.help-menu dt .help-icon {
	position: absolute;
	right: 20px;
	top: 22px;
	width: 12px;
	height: 10px;
	background-image: url(img/help_flag.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.help-menu dt:hover {
	color: #0088ff;
}

.help-menu dt:hover .help-icon {
	background-position: 0 -10px;
}
.help-menu dl.active dt .help-icon {
	background-position: 0 -20px;
}
.help-menu dl {
	border-bottom: 1px solid transparent;
}
.help-menu dl.active dt {
	/*background: url(img/help_open.png) no-repeat 10px center;*/
	border-left: 5px solid #0088ff;
	padding-left: 39px;
	color: #0088ff;
}

.help-menu dl.active {
	transition: border-bottom 1s ;
	border-bottom: 1px solid #e5e5e5;
}
.help-list-title {
	padding-left: 35px!important;
	font-weight: bold;
	color: #666;
}
.help-menu dd a {
	color: #666;
	font-size: 13px;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 44px;
	text-decoration: none;

}
.help-menu dd a.active,
.help-menu dd a:hover {
	color: #0088ff;
}

.common-questions {
	/*width: 53.2%;*/
	width: 78%;
	float: left;
	margin-left: 2%;
	margin-top: 40px;
}

.common-questions h2 {
	font-size: 20px;
	font-weight: normal;
	color: #ff6600;
}

.crumbs-nav {
	margin: 0 20px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
}

.q-block {
	width: 100%;
	padding: 20px;
	background-color: #fff;
}

.q-block.submit-box {
	padding-top: 0;
	margin-top: 0;

}
.submit-box form {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.q-title {
	font-size: 18px;
	color: #0088ff;
	font-weight: normal;
	width: 80px;
	float: left;
}

.q-list {
	display: block;
	padding-bottom: 20px;
	width: 100%;
	float: left;
}

.q-list li {
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.q-list li span {
	display: inline-block;
	font-size: 12px;
	color: #999;
	transition: padding-left 0.5s;
	vertical-align: top;
	margin-top: -1px;
}

.q-list li:hover span {
	padding-left: 10px;
	color: #0088ff;
}

.q-list li a {
	color: #6f6d6e;
	font-size: 14px;
	text-decoration: none;
}
.q-list li:hover a {
	color: #0088ff;
}
.q-list li:hover {
	color: #0088ff;
	background-color: #e5f2ff;
}
.article-title {
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee;
	font-size: 20px;
	color: #333;
}


/*帮助中心一级sub页*/
.sub1-common-questions {
	min-height: 600px;
}

.sub2-common-questions {
	/*min-height: 600px;*/
}

.crumbs-nav p {
	display: inline-block;
	float: left;
}

.crumbs-nav p .menu-lv1 {
	display: inline-block;
	float: left;
	width: 20px;
	height: 16px;
	background: url(img/help_home.png) no-repeat center;
	margin-top: 17px;
}

.crumbs-nav p .menu-lv2 {
	float: left;
	margin-left: 10px;
	color: #666;
	font-size: 14px;
	text-decoration: none;
}
.crumbs-nav p .menu-lv3 {
	color: #0088ff;
}

.crumbs-nav h1 {
	display: inline-block;
	color: #717171;
	font-size: 14px;
	font-weight: normal;
	float: left;
}

.common-questions {
	position: relative;
	padding-bottom: 40px;
}


/*2级sub页*/
.sub-page-content {
	padding-top: 10px;
	color: #555;
	font-size: 15px;
	line-height: 2em;
}

.sub-page-content p {
	margin-bottom: 15px;
}

.sub-page-content p span {
	font-size: 14px;
}

.sub-page-content img {
	max-width: 100% !important;
}

.sub-page-content a {
	color: #0088ff;
}

.sub-page-content a:hover {
	text-decoration: underline;
}

.sub-page-content .link {
	color: #555;
}

.sub-page-content .link:hover {
	color: #555;
	text-decoration: none;
}

/* 恢复 编辑内容 的strong样式，并去掉 SEO目的的 strong标签样式 */
.sub-page-content strong {
	font-weight: bold;
}

.sub-page-content .link strong {
	font-weight: normal;
}

.solved-or-not {
	color: #717171;
	font-size: 14px;
	line-height: 28px;
}

.suggestion {
	color: #717171;
	margin-top: 20px;
	line-height: 28px;
}

.suggestion label {
	font-size: 14px;
}

#text-area {
	width: 600px;
	height: 120px;
	resize: none;
	font-family: "Microsoft Yahei";
	padding: 5px 10px;
	margin: 15px 0;
	border: 1px solid #d3d3d3;
	outline-color: #0088ff;
}
.btn-help {
	display: inline-block;
	position: relative;
	width: 90px;
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}
.btn-help .icon {
	display: inline-block;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(img/help_content_icon.png);
}
.btn-smile {
	background-color: #ff6600;
}
.btn-smile .icon {
	background-position: 0 0;
}
.btn-smile:hover,
.btn-smile:active,
.btn-smile:focus{
	background-color: #f26100;
}

.btn-cry {
	background-color: #0088ff;
}
.btn-cry .icon {
	background-position: 0 -40px;
}
.btn-cry:hover,
.btn-cry:active,
.btn-cry:focus{
	background-color: #0073e5;
}
.submit-success {
	padding-left: 20px;
	background-image: url(img/help_content_icon.png);
	background-repeat: no-repeat;
	background-position: 0 -18px;
	font-size: 14px;
	color: #ff6600;
}
.submit-error {
	padding-left: 20px;
	font-size: 14px;
	background-image: url(img/help_content_icon.png);
	background-repeat: no-repeat;
	background-position: 0 -58px;
	color: #666;
}
